import React from 'react'
import { useRoutes } from "react-router-dom"

import routes from './routes'
import { GetRoutes } from './routes'
import { useMyRoutes } from './routes'

/* 
  useRoutes
      用于根据路由表,动态创建Routes和Rout
*/

export default function App() {
  /* 
  Navigate组件:
    当不管什么情况下接受了这个Navigate组件,则路由会按照这个组件的to的地址从新执行路由跳转

    路径是 * 代表所有路径,先匹配非*的所有路径 如果匹配不到,则执行*代表的路由组件
  */
  return (


    <div>
      {
        // useRoutes(routes)  //方式1
        // <GetRoutes/>    //方式2
        useMyRoutes()   //方式3   hooks的调用直接加括号
      }
    </div>
  )
}
